.categories-container {
  @apply mx-auto w-full max-w-screen-xl py-24 py-6 px-6;
  @apply lg:px-0;
  .category-list {
    @apply pl-0 list-none;
    .category-item {
      @apply inline-block mr-4 mb-4 bg-basic border-block bg-block cursor-pointer border;
      &.active,
      &:hover {
        @apply bg-reco-primary/80 border-reco-primary;
        .category-link {
          .text {
            @apply text-white;
          }
        }
      }
      .category-link {
        @apply inline-block px-4 py-2 leading-none;
        .text {
          @apply mr-1 text-sm leading-5 text-reco-text-lightmode;
        }
      }
    }
  }
}

/* 兼容 */
.categories-container .category-list .category-item .category-link .text {
  @apply dark:text-reco-text-darkmode;
}
